<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 帖子 -->
    <title>Post</title>

    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css">

    <!-- 引入导航css -->
    <link rel="stylesheet" href="../../css/forum-css/DH.css">
    <!-- 引入post - css -->
    <link rel="stylesheet" href="../../css/forum-css/post.css">


    <!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
    <script src="../../plugins/jquery/jquery.min.js"></script>
    <!--引入bootstrap的js文件-->
    <script src="../../plugins/bootstrap/js/bootstrap.js"></script>
    <!-- 引入导航js -->
    <script src="../../js/forum-js/DH.js"></script>
    <!-- 引入post - js -->
    <script src="../../js/forum-js/post.js"></script>



</head>

<body>

    <!--导航-->
    <div class="container-fluid">
        <!-- 使页面铺满整个屏幕 -->
        <div class="row">
            <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
                <div class="container-fluid">
                    <div class="navbar-brand" style="margin-left:10px">
                        <img src="../../imgs/forum-imgs/1.jpg" href="#" style="width: 50px; height:50px"></a>
                    </div>
                    <div class="navbar-brand" style="margin-left:10px">
                        <form class="form-horizontal" role="form">
                            <div class="form-group has-feedback">
                                <div class="modal-md">
                                    <span class="glyphicon glyphicon-search form-control-feedback"></span>
                                    <input id="search" type="text" class="form-control input-lg" placeholder="搜'柴犬'试试">
                                </div>
                            </div>
                        </form>
                    </div>

                    <ul class="nav navbar-nav navbar-right">
                        <li class="pure-menu-selected"><a href="../index.html" class="mynav-underline-active"><b>首页</b></a></li>
                        <li><a href="forum.html" class="nav-underline"><b>论坛</b></a></li>
                        <li><a href="#" class="nav-underline"><b>宠物动态</b></a></li>
                        <li><a href="#" class="nav-underline"><b>二手市场</b></a></li>
                        <li><a href="#" class="nav-underline"><b>趣味专区</b></a></li>
                        <li><a href="#" class="nav-underline"><b>消息中心</b></a></li>
                        <li><a href="#" class="nav-underline"><b>我的</b></a></li>

                    </ul>
                </div>
            </nav>

        </div>
    </div>

    <!-- 面包屑导航 -->
    <div style="margin: 80px auto 0; font-size:12px; width: 1000px;">
        <ul class="breadcrumb" style="background-color: #f8f8f8;border: 1px solid #f0f0f0">
            <li><a href="#"><span class="glyphicon glyphicon-home"> 首页</span></a></li>
            <li><a href="#">美容吧</a></li>
            <li class="active"><a>《论坛遵守规则》</a></li>
        </ul>
    </div>

    <!-- 右侧悬浮 -->
    <div style="width: 50px;height: 150px;float: right;position:fixed;right: 190px;top: 210px;text-align: center">
        <div>
            <a href="send.html">
                <img src="../../imgs/forum-imgs/书写.png" alt="" width="50px" height="50px">发帖
            </a>
        </div>
        <div>
            <img src="../../imgs/forum-imgs/返回顶部 .png" alt="" width="50px" height="50px">
        </div>
    </div>

    <!-- 头部盒子 -->
    <div style="margin: 10px auto;width: 1000px;height: 60px; background-color: #f8f8f8; border: 1px solid #f0f0f0">
        <div style="margin: 12px 0 0 20px; height:20px;width: 878px">
            <span style="font-size: 16px">美容吧&nbsp;&nbsp;</span>
            <button class="btn btn-warning" type="button"
                style="font-size: 10px; padding: 3px 12px;background-color: #f0f0f0;color:black; border: 0px">
                +关注
            </button>
            <span>&nbsp;&nbsp;已有6556121个帖子</span>
            <a href="send.html"><button class="btn btn-warning" type="button"
                    style="float: right; font-size: 14px;margin: 0 20px 0 0; padding: 6px 20px;background-color: #ff8b3d">
                    <span class="glyphicon glyphicon-pencil">&nbsp;</span>去发帖
                </button></a>
        </div>
    </div>

    <div style="margin: 20px auto; width: 1000px;">
        <!-- 左侧盒子 -->
        <div style="width: 740px;float: left;border: 1px solid #f0f0f0; 
        background-color: #f8f8f8;">
            <div style="margin: 20px 20px 20px 20px">
                <div style="float:left;">
                    <span style="font-size: 22px;color: #ff9224">&nbsp;《论坛管理守则》</span>
                    <br><br>
                    <span style="font-size: 12px;color: #adadad">&nbsp;&nbsp;发表在&nbsp;
                        <span style="color:black">美容吧&nbsp;</span>
                        2019-09-20
                    </span>
                </div>
                <div style="float: right;font-size: 12px; margin-top: 50px;color: #adadad">
                    <span class="glyphicon glyphicon-eye-open">&nbsp;20000</span>
                    <span class="glyphicon glyphicon-comment">&nbsp;1000</span>
                </div>
                <hr style="height: 1px;background-color: #f0f0f0;margin: 100px 0 0 2px; width: 700px">

                <!-- 帖子内容 -->
                <div style="margin-top: 50px;font-size: 16px;">
                    <p></p>
                    <h4>狗民论坛（铃铛）管理守则（试运行）</h4>
                    <p></p>
                    基本权利义务
                    <p></p>
                    1、登陆论坛注册后成为狗民论坛用户。
                    <p></p>
                    2、狗民论坛用户在不违反国家有关法规和论坛规定的前提下享有言论自由权利。
                    <p></p>
                    3、狗民论坛对用户注册时提供的个人资料严格保密，以下情况除外：
                    <p></p>
                    （1）用户授权狗民管理员透露这些信息。
                    <p></p>
                    （2）相应的法律及程序要求狗民论坛提供用户的个人资料。
                    <p></p>
                    版 规
                    <p></p>
                    一、用户注册账户的个人信息（账号、昵称、头像、铃铛介绍、铃铛标签、论坛签名档、论坛口号）中禁止含有下列内容，如含有将视情节对用户账号予以禁言至改正/封锁账号的处理：
                    <p></p>
                    1、不良内容，包括以下：
                    <p></p>
                    ①　反对宪法所确定的基本原则；
                    <p></p>
                    ②　危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一；
                    <p></p>
                    ③　损害国家荣誉和利益；
                    <p></p>
                    ④　煽动民族仇恨、民族歧视，破坏民族团结；
                    <p></p>
                    ⑤　破坏国家宗教政策，宣扬邪教和封建迷信；
                    <p></p>
                    ⑥　散布谣言，扰乱社会秩序，破坏社会稳定；
                    <p></p>
                    ⑦　散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪；
                    <p></p>
                    ⑧　侮辱或者诽谤他人，侵害他人合法权益；
                    <p></p>
                    ⑨　含有法律、行政法规禁止的其他内容；
                    <p></p>
                    ⑩　包含种族、肤色、性别、性取向、宗教、民族、地域、残疾、社会、 经济状况
                    <p></p>
                </div>
                <!-- 帖子图片 -->
                <div style="margin-top: 15px">
                    <img src="../../imgs/forum-imgs/5451de9cbf535.jpg" alt="" style="max-width: 100%">
                </div>
                <div style="margin-top: 15px">
                    <img src="../../imgs/forum-imgs/5451deabc33ac.jpg" alt="" style="max-width: 100%">
                </div>
                <div style="margin-top: 15px">
                    <img src="../../imgs/forum-imgs/5c1dde8b028cb.jpg" alt="" style="max-width: 100%">
                </div>

                <div style="margin-top: 30px">
                    <span style="float: left;">11361已赞</span>
                    <span style="float: right;">举报</span>
                </div>
                <div style="margin: 100px auto 260px; width: 220px">
                    <button style="border: 1px solid #adadad;border-radius: 50%;padding: 30px 30px; 
                    background-color: #f8f8f8;float: left;">
                        <img src="../../imgs/forum-imgs/赞 (1).png" alt="" width="30px;height30px">
                    </button>
                    <button style="border: 1px solid #adadad;border-radius: 50%;padding: 30px 30px; 
                    background-color: #f8f8f8;float: right;">
                        <img src="../../imgs/forum-imgs/赞.png" alt="" width="30px;height30px">
                    </button>
                </div>
            </div>
        </div>
        <!-- 右侧盒子 -->
        <div style="width: 240px;float: right;border: 1px solid #f0f0f0; 
        background-color: #f8f8f8;">
            <div style="margin: 20px 20px 20px 20px">
                <div style="width: 60px; height:60px;margin: 30px auto 20px">
                    <img src="../../imgs/forum-imgs/1.jpg" alt="" style="width: 60px;height: 60px;">
                </div>
                <div style=" height:40px;text-align: center;line-height: 20px;">
                    <span><a href="#">阿拉斯加</a></span>
                    <br><span style="font-size: 10px;color: #adadad;">新进狗民</span>
                    <br><span style="font-size: 10px;color: #adadad;">ID：1</span>
                </div>
                <div
                    style="text-align: center;width: 220px;height: 50px;margin: 30px 0 0 -16px;font-size: 12px;color: #adadad;">
                    <ul>
                        <li>
                            <span>132</span><br>
                            <span>&nbsp;帖子数&nbsp;&nbsp;&nbsp;</span>
                        </li>
                        <li>
                            <span>132</span><br>
                            <span>&nbsp;&nbsp;&nbsp;帖子数&nbsp;&nbsp;&nbsp;</span>
                        </li>
                        <li>
                            <span>132</span><br>
                            <span>&nbsp;&nbsp;&nbsp;帖子数&nbsp;</span>
                        </li>
                    </ul>
                </div>
                <div style="margin-left: 10px;">
                    <button class="btn btn-warning"
                        style="background-color: #ff8b3d">申请版主</button>&nbsp;&nbsp;&nbsp;&nbsp;
                    <button class="btn btn-info" style="background-color: #46a3ff">投诉版主</button>
                </div>
            </div>
        </div>
        <!-- 空白盒子 -->
        <div style="height: 20px;background-color: white; clear: both;"></div>
        <!-- 评论盒子 -->
        <div style="border: 1px solid #f0f0f0; 
            background-color: #f8f8f8;width: 740px;">
            <div style="margin: 30px 30px">

                <div>
                    <!-- 评论 -->
                    <div style="float: left">
                        <img src="../../imgs/forum-imgs/1.jpg" alt=""
                            style="border-radius: 50%;width: 50px;height: 50px;">
                    </div>
                    <div style="float: left; margin: 0 0 0 15px;width: 300px">
                        <span style="color: #ff9224">阿拉斯加&nbsp;</span>
                        <span style="color: #adadad">2019-09-20&nbsp;</span>
                        <span style="color: #ff9224">+关注</span>
                        <br><br>
                        <span>评论内容</span>
                    </div>
                    <div style="float: right">
                        <img src="../../imgs/forum-imgs/赞 (1).png" alt="" width="15px" height="15px">123&nbsp;
                        <img src="../../imgs/forum-imgs/赞 (1).png" alt="" width="15px" height="15px">123
                        <br><br>
                        <span style="color: #adadad;font-size: 12px">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;评论&nbsp;</span>
                        <span style="color: #adadad;font-size: 12px">举报&nbsp;</span>
                    </div>

                    <!-- 回复 -->
                    <div
                        style="background-image: url(../../imgs/forum-imgs/reply.png);background-size:100% 100%;margin:0 0 0 65px;clear: both;">
                        <div style="margin: 0 0 0 26px">
                            <br><br>
                            <span style="color: #ff9224">哈士奇&nbsp;</span>
                            <span style="color:#adadad;font-size: 12px">2019-09-20 20:59:30</span>
                            <br><br>
                            <span>评论内容</span>
                            <span style="color: #adadad;font-size: 12px;float: right;">
                                &nbsp;举报&nbsp;</span>
                            <span style="color: #adadad;font-size: 12px;float: right;">评论&nbsp;</span>
                            <br><br>
                            <hr style="margin: 0 0">
                        </div>
                        <div style="margin: 0 0 0 26px">
                            <br>
                            <span style="color: #ff9224">萨摩耶&nbsp;</span>
                            <span style="color: #adadad;font-size: 12px">回复&nbsp;</span>
                            <span style="color: #ff9224">哈士奇&nbsp;</span>
                            <span style="color:#adadad;font-size: 12px">2019-09-20 20:59:30</span>
                            <br><br>
                            <span>回复内容</span>
                            <span style="color: #adadad;font-size: 12px;float: right;">
                                &nbsp;举报&nbsp;</span>
                            <span style="color: #adadad;font-size: 12px;float: right;">评论&nbsp;</span>
                            <br><br>
                            <hr style="margin: 0 0">
                        </div>
                    </div>

                </div>

            </div>

            <!-- 分页  -->
            <div class="page">
                <a href="#" class="prev">&lt;</a>
                <a href="#" class="active">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
                <a href="#">6</a>
                <a href="#" class="next">&gt;</a>
            </div>
        </div>
    </div>

</body>

</html>